<!--
 * @Description: 
 * @Author: Sun
 * @Date: 2019-11-22 21:36:30
 * @LastEditors: Sun
 * @LastEditTime: 2019-11-23 08:40:27
 -->
<template>
  <div class="hello">
    <v-chart :options="option"/>
  </div>
</template>

<script>
// import 'echarts/lib/chart/bar'
export default {
  components: {
  },
  data () {
    return {
     option:{
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [120, 200, 150, 80, 70, 110, 130],
            type: 'bar'
        }]
    }

    }
  }
}
</script>

<style scoped>
.hello{
  width:500px;
  height:500px;
}
.echarts {
    width: 100%;
    height: 100%;
}
</style>
